﻿@Url.Script("Scripts/metro/index.js")
@{
 string welCome = yq.Model.Logic.SysInfo.Load(yq.ControllerBase.WebConfig.WebId).WelCome;
 if (welCome.Length != 0)
   {
    <text>
    <script>
        $(function () {
            art.dialog({
                title: '通知',
                fixed: true,
                lock: true,
                width: '200px',
                height: '50px',
                content: "<span style='line-height:22px;'>@(welCome)</span>",
                ok: true
            });
        });

    </script>
    </text>
   }
}
<div style="  height"></div>
<!--  导航开始-->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container" style="text-align: left">
            <div class="nav-collapse">
                <ul class="nav">
                    <li class="active" style="height: 40px;">
                        @Html.Img("Css/metro/img/flag.png", new { style = "vertical-align: top;" })
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">@(yq.Model.Logic.UserAccount.Load(yq.ControllerBase.BaseController.GetCurrentUser.UserId).NickName)
                        <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li class="divider"></li>
                            <li class="nav-header">Nav header</li>
                            <li><a href="#">Separated link</a></li>
                            <li><a href="#">One more separated link</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container" style="width: 960px">
    <div id="row">
        <ul class="thumbnails">
            <!-- 长磁片开始-->
            <li class="tilenew span3 tile " style="width: 280px;"><a href="@(Url.Action("Index", "Home", new { Area="File"}))">
                <h1>
                    文档</h1>
                <!-- 长磁片图片-->
                @Html.Img("Css/metro/img/WORLD.png")
                <!-- 长磁片说明-->
            </a></li>
            <!-- 长磁片结束-->
            <!-- 短磁片开始-->
            <li class="tileduan span3 tile tile-teal" flip='lr'><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/SKYPE.png")
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    社区</h2>
            </a></li>
            <!-- 短磁片结束-->
            <!-- 短磁片开始-->
            <li class="span3 tile tile-lime tileduan"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/FL STUDIO B.png", new { style = "margin-top: 0px" })
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    论坛</h2>
            </a></li>
            <!-- 短磁片结束-->
            <!-- 分隔-->
            <li class="thumbnailslispan"></li>
            <!-- 长磁片开始-->
            <li flip='tb' class="tilenew span3 tile tile-purple " style="width: 280px;"><a href="#">
                <div>
                    <!-- 长磁片图片-->
                    @Html.Img("Css/metro/img/CALCULATOR 2A.png", new { style = "margin-top: 0px" })
                    <!-- 长磁片说明-->
                    <h2 style="margin-top: 0px">
                        日程</h2>
                </div>
                <!-- 长磁片详细-->
                <h5 class="tile-text" style="overflow: visible">
                    这样写，可以避免上面的第三个问题。但是宋体本身确实很难看。我们希望在不同平台下，都用各自默认的字体
                </h5>
            </a></li>
            <!-- 长磁片结束-->
        </ul>
        <ul class="thumbnails">
            <!-- 长磁片开始-->
            <li flip='bt' class="tilenew span3 tile tile-pink" style="width: 280px;"><a href="#">
                <div>
                    <!-- 长磁片图片-->
                    @Html.Img("Css/metro/img/CCLEANER 2.png", new { style = "margin-top: 0px" })
                    <!-- 长磁片说明-->
                    <h2 style="margin-top: 0px">
                        新闻</h2>
                </div>
                <!-- 长磁片详细-->
                <h5 class="tile-text">
                    这样写，可以避免上面的第三个问题。但是宋体本身确实很难看。我们希望在不同平台下，都用各自默认的字体。
                </h5>
            </a></li>
            <!-- 长磁片结束-->
            <!-- 长磁片开始-->
            <li flip='rl' class="tilenew span3 tile " style="width: 280px;"><a href="#">
                <h1>
                    博客</h1>
                <!-- 长磁片图片-->
                @Html.Img("Css/metro/img/INTERNET EXPLORER 2.png")
                <!-- 长磁片说明-->
            </a></li>
            <!-- 长磁片结束-->
            <li class="thumbnailslispan"></li>
            <!-- 短磁片开始-->
            <li class="span3 tile  tile-teal tileduan"><a href='@(Url.Action("Index", "Home", new { Area="Sys"}))'>
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/CCLEANER.png")
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    系统管理</h2>
            </a></li>
            <!-- 短磁片结束-->
            <!--磁片间隔-->
            <li></li>
            <!-- 短磁片开始-->
            <li class="span3 tile tileduan"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/BATERYCARE B.png")
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    个人设置</h2>
            </a></li>
            <!-- 短磁片结束-->
        </ul>
        <ul class="thumbnails">
            <!-- 长磁片开始-->
            <li class="tilenew span3 tile " style="width: 280px;"><a href="#">
                <h1>
                    视频</h1>
                <!-- 长磁片图片-->
                @Html.Img("Css/metro/img/WMP A.png")
                <!-- 长磁片说明-->
            </a></li>
            <!-- 长磁片结束-->
            <!-- 长磁片开始-->
            <li class="tilenew span3 tile tile-purple" style="width: 280px;"><a href="#">
                <h1>
                    自定义</h1>
                <!-- 长磁片图片-->
                @Html.Img("Css/metro/img/CALCULATOR 2A.png")
                <!-- 长磁片说明-->
            </a></li>
            <!-- 长磁片结束-->
            <li class="thumbnailslispan"></li>
            <!-- 长磁片开始-->
            <li flip='lr' class="tilenew span3 tile tile-lime" style="width: 280px;"><a href="#">
                <h1>
                    通讯录</h1>
                <!-- 长磁片图片-->
                @Html.Img("Css/metro/img/GOOGLE CHROME.png")
                <!-- 长磁片说明-->
            </a></li>
            <!-- 长磁片结束-->
        </ul>
    </div>
</div>
